<template>
    <div class="getBillDetail">
         <div style="text-align:center;font-family:'微软雅黑';color:blue;font-size:20px">
            电子发票
        </div>
        <br>
        <div class="detail">
    <el-table
    :data="user" 
    border
    style="width: 1051px">
    <el-table-column
      fixed
      prop="card"
      label="用户卡号"
      width="150">
    </el-table-column>
    <el-table-column
      prop=".userName"
      label="姓名"
      width="150">
    </el-table-column>
    <el-table-column
      prop="billNum"
      label="发票号"
      width="150">
    </el-table-column>
    <el-table-column
      prop="billTime"
      label="发票日期"
      width="150">
    </el-table-column>
    <el-table-column
      prop="billMoney"
      label="发票金额"
      width="150">
    </el-table-column>
    <el-table-column
      prop="payWay"
      label="缴费方式"
      width="150">
    </el-table-column>
    <el-table-column
      prop="employeeName"
      label="创建人"
      width="150">
    </el-table-column>
  </el-table>

        </div>
    </div>
</template>
<style>
   .getBillDetail{
        width: 1400px;
        height: 300px;
        position: relative;
        margin: 0 auto;
    }
    .detail{
        margin-left: 140px;
    }
</style>
<script>
export default {
    name:'GetBillDetail',
    data(){
        return{
             user: [
        //        {
        //        card: '',
        //        userName: '',
        //        billNum:'',
        //        billTime:'',
        //        billMoney:'',
        //        payWay:'',
        //        employeeName: '',
        // }
        ]
        }
    },
    methods:{

    },
    mounted(){
        // console.log(this.$route.query.arrearsData);
      //  this.getData();
        this.user[0]=this.$route.query.arrearsData;
    }
}
</script>